<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<!--

======================
Anwendung: Farbwahl
======================

Copyright (c) by Dietmar Rabich, Duelmen.
Alle Rechte vorbehalten.

http://skripte.rabich.de/

Datum: 5.10.2003

Die Verwendung fuer den persoenlichen Bedarf ist gestattet.

Das Entfernen oder Veraendern dieser Informationen ist
ohne ausdrueckliche Zustimmung des Autors nicht gestattet.

-->
<head>
<title>Farbwahl</title>
<meta name="AUTHOR" content="Dietmar Rabich" />
<meta name="DESCRIPTION" content="Die JavaScript-Anwendung &quot;Farbwahl&quot; von Dietmar Rabich ist auf dieser Seite zu finden. Allerdings dient diese Seite nur der Demonstration der Anwendung." />
<meta name="KEYWORDS" content="Anwendung, Programmierung, JavaScript, Farbwahl, Dietmar Rabich" />
<meta name="PUBLISHER" content="Dietmar Rabich" />
<meta name="COPYRIGHT" content="Dietmar Rabich, D&uuml;lmen" />
<meta name="LANGUAGE" content="de" />
<meta name="ROBOTS" content="ALL,NOARCHIVE" />
<meta http-equiv="CONTENT-LANGUAGE" content="de" />
<meta http-equiv="CONTENT-TYPE" content="text/html; CHARSET=utf-8" />
<meta http-equiv="CONTENT-STYLE-TYPE" content="text/css" />
<meta http-equiv="CONTENT-SCRIPT-TYPE" content="text/javascript" />
<meta http-equiv="IMAGETOOLBAR" content="no" />
<script type="text/javascript" src="skripte/allgemein.js"></script>
<link rel="stylesheet" type="text/css" href="styles/allgemein.css" />
<link rel="shortcut icon" href="bilder/farbwahl.ico" />
<link rel="icon" type="image/png" href="bilder/farbwahl.png" />
<link rel="author" title="Skript &quot;Farbwahl&quot;: Dietmar Rabich" href="javascript:hinweis_autor(&quot;Farbwahl&quot;)" />
<link rel="copyright" title="Skript &quot;Farbwahl&quot;: Dietmar Rabich" href="javascript:hinweis_copyright(&quot;Farbwahl&quot;)" />
<link rel="bookmark" title="[rabich.de] - HTML, JavaScript, Wissenswertes" href="http://www.rabich.de/" />
<link rel="bookmark" title="&lt;Skripte&gt; von Dietmar Rabich" href="http://skripte.rabich.de/" />

<link rel="stylesheet" type="text/css" href="farbwahl.css" />
<script type="text/javascript" src="farbwahl.js"></script>
</head>

<body onload="berechnen(document.getElementById('Formular'), true);">
<form action="" id="Formular"><div id="Auswahl">
  <table width="100%" border="0" cellpadding="0" cellspacing="0" id="Darstellung">
<tbody>
<tr>
<td id="SpalteLinks"><table width="272" id="Eingabe">
<thead>
<tr>
<th class="Rot">Rotwert:</th>
<th class="Gruen">Gr&uuml;nwert:</th>
<th class="Blau">Blauwert:</th>
</tr>
</thead>
<tbody>
<tr>
<td class="Rot"><button class="Operation" onclick="add(this.form, 'R', 16);return false;">++</button></td>
<td class="Gruen"><button class="Operation" onclick="add(this.form, 'G', 16);return false;">++</button></td>
<td class="Blau"><button class="Operation" onclick="add(this.form, 'B', 16);return false;">++</button></td>
</tr>
<tr>
<td class="Rot"><button class="Operation" onclick="add(this.form, 'R', 1);return false;">+</button></td>
<td class="Gruen"><button class="Operation" onclick="add(this.form, 'G', 1);return false;">+</button></td>
<td class="Blau"><button class="Operation" onclick="add(this.form, 'B', 1);return false;">+</button></td>
</tr>
<tr>
<td class="Rot"><input type="text" name="R" value="255" size="3" onchange="berechnen(this.form, true)" /></td>
<td class="Gruen"><input type="text" name="G" value="255" size="3" onchange="berechnen(this.form, true)" /></td>
<td class="Blau"><input type="text" name="B" value="255" size="3" onchange="berechnen(this.form, true)" /></td>
</tr>
<tr>
<td class="Rot"><button class="Operation" onclick="sub(this.form, 'R', 1);return false;">-</button></td>
<td class="Gruen"><button class="Operation" onclick="sub(this.form, 'G', 1);return false;">-</button></td>
<td class="Blau"><button class="Operation" onclick="sub(this.form, 'B', 1);return false;">-</button></td>
</tr>
<tr>
<td class="Rot"><button class="Operation" onclick="sub(this.form, 'R', 16);return false;">--</button></td>
<td class="Gruen"><button class="Operation" onclick="sub(this.form, 'G', 16);return false;">--</button></td>
<td class="Blau"><button class="Operation" onclick="sub(this.form, 'B', 16);return false;">--</button></td>
</tr>
<tr>
<td colspan="3"><button class="Steuerung" onclick="berechnen(this.form, true);return false;">Berechnen</button> <button class="Steuerung" onclick="ideal(this.form);return false;">Idealfarbe</button></td>
</tr>
<tr>
<td colspan="3"><table>
<tbody>
<tr>
<td class="Titel">Farbwert:</td>
<td class="FormElement"><span id="Ergebnis"><input type="text" name="RGBFarbwert" value="#FFFFFF" size="15" onchange="berechnen(this.form);" />
</span></td>
</tr>
<tr>
<td class="Titel">Farbschattierung:</td>
<td class="FormElement"><input type="text" name="H" value="0" size="3" onchange="berechnen(this.form, false);" /></td>
</tr>
<tr>
<td class="Titel">S&auml;ttigung:</td>
<td class="FormElement"><input type="text" name="S" value="0" size="3" onchange="berechnen(this.form, false);" /></td>
</tr>
<tr>
<td class="Titel">Helligkeit:</td>
<td class="FormElement"><input type="text" name="V" value="100" size="3" onchange="berechnen(this.form, false);" /></td>
</tr></tbody>
</table></td>
</tr>
<tr>
<td colspan="3" >Zielfarbe:</td>
</tr>
<tr>
<td colspan="3" id="Anzeige">&nbsp;</td>
</tr>
</tbody>
</table>
  <br />
  Ihr müsst nur den Text unter der Farbe markieren und in das Textfeld eintragen. </td>

<td id="SpalteRechts"><table id="Farbvarianten">
<tbody>
<tr><td rowspan="2" class="Titel">Farbschattierung:</td>
<td><div class="Farbe" id="hsb_hmm"></div></td>
<td><div class="Farbe" id="hsb_hm"></div></td>
<td><div class="Farbe" id="hsb_h"></div></td>
<td><div class="Farbe" id="hsb_hp"></div></td>
<td><div class="Farbe" id="hsb_hpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="hsb_hmm_text">#000000</span></td>
<td><span class="Text" id="hsb_hm_text">#000000</span></td>
<td><span class="Text" id="hsb_h_text">#000000</span></td>
<td><span class="Text" id="hsb_hp_text">#000000</span></td>
<td><span class="Text" id="hsb_hpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">S&auml;ttigung:</td>
<td><div class="Farbe" id="hsb_smm"></div></td>
<td><div class="Farbe" id="hsb_sm"></div></td>
<td><div class="Farbe" id="hsb_s"></div></td>
<td><div class="Farbe" id="hsb_sp"></div></td>
<td><div class="Farbe" id="hsb_spp"></div></td>
</tr>
<tr>
<td><span class="Text" id="hsb_smm_text">#000000</span></td>
<td><span class="Text" id="hsb_sm_text">#000000</span></td>
<td><span class="Text" id="hsb_s_text">#000000</span></td>
<td><span class="Text" id="hsb_sp_text">#000000</span></td>
<td><span class="Text" id="hsb_spp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Helligkeit:</td>
<td><div class="Farbe" id="hsb_bmm"></div></td>
<td><div class="Farbe" id="hsb_bm"></div></td>
<td><div class="Farbe" id="hsb_b"></div></td>
<td><div class="Farbe" id="hsb_bp"></div></td>
<td><div class="Farbe" id="hsb_bpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="hsb_bmm_text">#000000</span></td>
<td><span class="Text" id="hsb_bm_text">#000000</span></td>
<td><span class="Text" id="hsb_b_text">#000000</span></td>
<td><span class="Text" id="hsb_bp_text">#000000</span></td>
<td><span class="Text" id="hsb_bpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Rot:</td>
<td><div class="Farbe" id="rgb_rmm"></div></td>
<td><div class="Farbe" id="rgb_rm"></div></td>
<td><div class="Farbe" id="rgb_r"></div></td>
<td><div class="Farbe" id="rgb_rp"></div></td>
<td><div class="Farbe" id="rgb_rpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="rgb_rmm_text">#000000</span></td>
<td><span class="Text" id="rgb_rm_text">#000000</span></td>
<td><span class="Text" id="rgb_r_text">#000000</span></td>
<td><span class="Text" id="rgb_rp_text">#000000</span></td>
<td><span class="Text" id="rgb_rpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Gr&uuml;n:</td>
<td><div class="Farbe" id="rgb_gmm"></div></td>
<td><div class="Farbe" id="rgb_gm"></div></td>
<td><div class="Farbe" id="rgb_g"></div></td>
<td><div class="Farbe" id="rgb_gp"></div></td>
<td><div class="Farbe" id="rgb_gpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="rgb_gmm_text">#000000</span></td>
<td><span class="Text" id="rgb_gm_text">#000000</span></td>
<td><span class="Text" id="rgb_g_text">#000000</span></td>
<td><span class="Text" id="rgb_gp_text">#000000</span></td>
<td><span class="Text" id="rgb_gpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Blau:</td>
<td><div class="Farbe" id="rgb_bmm"></div></td>
<td><div class="Farbe" id="rgb_bm"></div></td>
<td><div class="Farbe" id="rgb_b"></div></td>
<td><div class="Farbe" id="rgb_bp"></div></td>
<td><div class="Farbe" id="rgb_bpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="rgb_bmm_text">#000000</span></td>
<td><span class="Text" id="rgb_bm_text">#000000</span></td>
<td><span class="Text" id="rgb_b_text">#000000</span></td>
<td><span class="Text" id="rgb_bp_text">#000000</span></td>
<td><span class="Text" id="rgb_bpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Gelb:</td>
<td><div class="Farbe" id="rgb_rgmm"></div></td>
<td><div class="Farbe" id="rgb_rgm"></div></td>
<td><div class="Farbe" id="rgb_rg"></div></td>
<td><div class="Farbe" id="rgb_rgp"></div></td>
<td><div class="Farbe" id="rgb_rgpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="rgb_rgmm_text">#000000</span></td>
<td><span class="Text" id="rgb_rgm_text">#000000</span></td>
<td><span class="Text" id="rgb_rg_text">#000000</span></td>
<td><span class="Text" id="rgb_rgp_text">#000000</span></td>
<td><span class="Text" id="rgb_rgpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Magenta:</td>
<td><div class="Farbe" id="rgb_rbmm"></div></td>
<td><div class="Farbe" id="rgb_rbm"></div></td>
<td><div class="Farbe" id="rgb_rb"></div></td>
<td><div class="Farbe" id="rgb_rbp"></div></td>
<td><div class="Farbe" id="rgb_rbpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="rgb_rbmm_text">#000000</span></td>
<td><span class="Text" id="rgb_rbm_text">#000000</span></td>
<td><span class="Text" id="rgb_rb_text">#000000</span></td>
<td><span class="Text" id="rgb_rbp_text">#000000</span></td>
<td><span class="Text" id="rgb_rbpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">T&uuml;rkis:</td>
<td><div class="Farbe" id="rgb_gbmm"></div></td>
<td><div class="Farbe" id="rgb_gbm"></div></td>
<td><div class="Farbe" id="rgb_gb"></div></td>
<td><div class="Farbe" id="rgb_gbp"></div></td>
<td><div class="Farbe" id="rgb_gbpp"></div></td>
</tr>
<tr>
<td><span class="Text" id="rgb_gbmm_text">#000000</span></td>
<td><span class="Text" id="rgb_gbm_text">#000000</span></td>
<td><span class="Text" id="rgb_gb_text">#000000</span></td>
<td><span class="Text" id="rgb_gbp_text">#000000</span></td>
<td><span class="Text" id="rgb_gbpp_text">#000000</span></td>
</tr>
<tr>
<td rowspan="2" class="Titel">Dazu passende Farben:</td>
<td><div class="Farbe" id="var1"></div></td>
<td><div class="Farbe" id="var2"></div></td>
<td><div class="Farbe" id="var3"></div></td>
<td><div class="Farbe" id="var4"></div></td>
<td><div class="Farbe" id="var5"></div></td>
</tr>
<tr>
<td><span class="Text" id="var1_text">#000000</span></td>
<td><span class="Text" id="var2_text">#000000</span></td>
<td><span class="Text" id="var3_text">#000000</span></td>
<td><span class="Text" id="var4_text">#000000</span></td>
<td><span class="Text" id="var5_text">#000000</span></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>